/* miniprogram/pre_loadModules/settingModule/pages/userInfoSetting.wxss */
.settingContainer {
   width: 100vw;
   height: 100vh;
   background: #f4f4f4f4;
   padding: 10rpx;
   box-sizing: border-box;

   .ObjBox {
      height: 100rpx;
      width: 100%;
      display: flex;
      letter-spacing: 2rpx;
      font: 500 22rpx "Microsoft yahei";
      background: white;
      align-items: center;
      padding: 0 20rpx;
      box-sizing: border-box;
      justify-content: space-between;
      border-radius: 20rpx;

      .title {
         width: 50%;
         position: relative;
         display: flex;
         align-items: center;

         text {
            position: absolute;
            left: 20rpx;
         }
      }

      .options {
         position: relative;
         width: 50%;
         position: relative;
         display: flex;
         align-items: center;

         .avatarItrm {
            position: absolute;
            height: 50rpx;
            right: 50rpx;
            width: 100%;
            display: flex;
            border-radius: 50%;
            align-items: center;
            justify-content: center;

            .nickNamebox {
               display: flex;
               align-items: center;
               justify-content: flex-end;
            }

            .signbox {
               display: flex;
               align-items: center;
               justify-content: flex-end;
            }

            .gendersbox {
               display: flex;
               align-items: center;
               justify-content: flex-end;
            }

            .birthBox {
               display: flex;
               align-items: center;
               justify-content: flex-end;
            }

            .phoneBox {
               display: flex;
               align-items: center;
               justify-content: flex-end;
            }
         }

         .subItem1 {
            position: absolute;
            top: 0;
            right: 0;
            border: 1px solid white;
            height: 50rpx;
            background: #f4f4f4f4;
            width: 50rpx;
            border-radius: 50%;
         }

         .subItemNIckName {
            position: absolute;
            right: 0;
            color: rgba(0, 0, 0, 0.5);
            line-height: 50rpx;
            height: 50rpx;
         }
      }

      .arrowBox {
         position: absolute;
         right: 5rpx;
         height: 100%;
         display: flex;
         align-items: center;
         justify-content: space-between;

         .subItem2 {
            position: absolute;
            right: 0;
            width: 16rpx;
            height: 16rpx;
         }
      }
   }

   .nickNameBox {
      height: 100%;
      width: 100%;
      display: flex0;
      align-items: center;

      .nickname {
         font: 32rpx "microsoft yahei";
      }
   }

   .submitBox {
      margin-top: 50rpx ;
      background: red;
      height: 100rpx;
      .submitBtm {
         height: 100%;
         width: 100%;
         color: white;
         display: flex;
         letter-spacing: 10rpx;
         align-items: center;
         justify-content: center;
      }
   }


}

.dialogCustomStyle {
   height: 300rpx;
   font: 500 22rpx "Microsoft yahei";

   .formbox {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;

      input {
         position: absolute;
         z-index: 10;
         border: 1px solid rgba(200, 200, 200, 0.5);
         height: 80rpx;
         top: 100rpx;
         font: 500 22rpx "Microsoft yahei";
         padding-left: 30rpx;
         box-sizing: border-box;
         border-radius: 20rpx;
         margin: 0 30rpx;
         width: 90%;
      }

      .dialogContent {
         position: absolute;
         display: flex;
         align-items: center;
         font: 500 22rpx "Microsoft yahei";
         justify-content: center;
         width: 100%;
         bottom: 0;

         .cancel {
            width: 50%;
            border-radius: 0;
         }

         .confirm {
            width: 50%;
            border-radius: 0;
         }
      }
   }
}

.phonedialogCustomStyle {
   height: 450rpx;
   font: 500 22rpx "Microsoft yahei";
   padding: 20rpx;
   box-sizing: border-box;

   .phoneformbox {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;

      .phone {
         position: absolute;
         z-index: 10;
         border: 1px solid rgba(200, 200, 200, 0.5);
         height: 80rpx;
         top: 120rpx;
         padding-left: 30rpx;
         box-sizing: border-box;
         border-radius: 20rpx;
         width: 100%;
      }

      .codebox {
         position: absolute;
         height: 80rpx;
         top: 230rpx;
         display: flex;
         justify-content: space-between;
         width: 100%;

         .code {
            border: 1px solid rgba(200, 200, 200, 0.5);
            height: 80rpx;
            box-sizing: border-box;
            z-index: 10rpx;
            border-radius: 20rpx;
            width: 350rpx;
            padding-left: 30rpx;
         }

         .getcodeBtnPart {
            width: 250rpx;
            height: 100%;
            position: absolute;
            right: 0;
            display: flex;

            .getcode {
               position: absolute;
               z-index: 90rpx;
               width: 250rpx;
               display: flex;
               align-items: center;
               border-left: 1px solid rgba(200, 200, 200, 0.5);
               padding-left: 50rpx;
               box-sizing: border-box;
               right: 0;
               height: 80rpx;
               font: 30rpx "microsoft yahei";
            }

            .timeCount {
               position: absolute;
               z-index: 90;
               width: 40rpx;
               height: 40rpx;
               border-radius: 50%;
               top: 20rpx;
               font: 25rpx "microsoft yahei";
               display: flex;
               align-items: center;
               justify-content: center;
               color: red;
               left: 10rpx;
            }
         }

      }


      .phonedialogContent {
         position: absolute;
         display: flex;
         align-items: center;
         font: 500 22rpx "Microsoft yahei";
         justify-content: center;
         width: 100%;
         bottom: 0;

         .cancel {
            width: 50%;
            border-radius: 0;
         }

         .confirm {
            width: 50%;
            border-radius: 0;
         }
      }
   }
}

.popupcontainer {
   width: 100%;
   position: relative;

   .popuptitle {
      width: 100%;
      display: flex;
      height: 100rpx;
      align-items: center;
      justify-content: center;
      font: 300 30rpx "Microsoft yahei";
      letter-spacing: 2px;
   }

   .confirmbtnclass {
      position: fixed;
      margin-bottom: 100rpx;
      height: 100rpx;
      z-index: 20;
      width: 100%;
      bottom: 0;
   }
}

.checkcodeinput {
   position: relative;

   .timeCount {
      height: 60rpx;
      width: 50rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      font: 200 20rpx "Microsoft yahei";
      letter-spacing: 2rpx;
      z-index: 10;
      color: red;
      right: 200rpx;
      position: absolute;
      top: 20rpx;
   }
}

.radioBox {
   // background: chartreuse;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-evenly;
   height: 100rpx;

   .iconimg {
      height: 32rpx;
      width: 32rpx;
   }
}


.bottom-button {
   width: 160px;
   height: 30px;
 }